<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>蜜芽-最全的母婴用品商城</title>
    <link href=../style/css/index.css rel=stylesheet>
    <link rel="stylesheet" type="text/css" href="../iconfont/font_2s17ri517rad1jor/iconfont.css">
</head>
<body>
<header>
    <!--当页面下拉时会有弹窗信息固定在页面上-->
    <div id="side-left">
        <img src=../images/index/side-left.png>
    </div>
    <div id="side-right">
    <ul>
        <li>
            <a href="shoppingCart.html">
            <i class="iconfont">&#xe505;</i>
            <p>购物车</p>

            </a>
        </li>
        <li>
            <i class="iconfont">&#xe659;</i>
            <p>咨询</p>
        </li>
        <li>
            <i class="iconfont">&#xe6f6;</i>
            <p>微信</p>
        </li>
    </ul>
        <div id="toTop">
            <i class="iconfont"> &#xe504;</i>
        </div>
    </div>
    <div id="weixin">
        <img src=../images/index/slide-weixin.png>
    </div>
    <!--网页的头部-->
    <section id="header-topbar">
        <div class="w1100 clear tt">
            <div class="top-left">
                <i class="iconfont">&#xe621;</i>
                <a href="#" target="_blank" title="手机蜜芽">手机蜜芽</a>
            </div>
            <!--登录前-->
            <div class="unLogin">
                <span class="welcome">你好，欢迎来到蜜芽！</span>
                <a href="login.html" title="点击登录">登录</a><em>|</em>
                <a href="register.html" title="点击注册">免费注册</a><em>|</em>
                <a href="#">帮助中心</a>
            </div>
            <!--登陆之后-->
            <div class="Login">
                <span class="welcome">你好，欢迎来到蜜芽！</span>
                <a href="login.html" title="点击登录">我的蜜芽</a><em>|</em>
                <a href="register.html" title="点击注册">帮助中心</a><em>|</em>
                <a class="exit" href="#">退出</a>
            </div>

        </div>
    </section>
    <section id="header-mid" class="w1100 clear">
        <a href="#" class="logo-pic"><img src=../images/index/logo.png></a>
        <div class="header-mid-right">
            <div class="research clear">
                <input type="text" class="research-input" placeholder="尤妮佳">
                <input type="button" value="搜索" class="searchButton">
                <div class="hot">
                    <a class="h" href="#">牙胶</a>
                    <a href="#">收纳柜</a>
                    <a href="#">隔尿垫</a>
                    <a href="#">加州宝宝</a>
                    <a class="h" href="#">安全座椅</a>
                </div>
            </div>
            <div class="shop-car">
                <span><i class="iconfont">&#xe505;</i></span>
                <p class="carr">购物车</p>
                <div id="carInfo">
                    <!--<p class="every">-->
                        <!--<img src="../images/index/groom1S1.jpg" class="infoImg">-->
                        <!--<em class="time">5</em>-->
                        <!--<em class="infoProduce">好棒棒</em>-->
                    <!--</p>-->
                </div>
            </div>
        </div>
    </section>
    <section id="header-nav" class="clear">
        <div class="w1100 ">
            <div class="main-nav clear">
                <h3>全部商品分类</h3>
            </div>
            <ul id="right-nav">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">纸尿裤</a></li>
                <li><a href="#">奶粉</a></li>
                <li><a href="#">正品保证<span class="span"><i class="iconfont">&#xe60b;</i></span></a>
                    <ul>
                        <li><a href="#">正品保证</a></li>
                        <li><a href="#">退货政策</a></li>
                        <li><a href="#">帮助中心</a></li>
                    </ul>
                </li>
                <li><a href="#">早教音乐</a></li>
            </ul>
            <ul id="second-nav">
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>奶粉/纸尿裤</strong>
                        <p><a href="#">婴儿奶粉</a>
                            <a href="#">羊奶粉</a>
                            <a href="#">特配奶粉</a>
                            <a href="#">拉拉裤</a>
                            <a href="#">宝宝湿巾</a>
                            <a href="#">德国爱他美</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>辅食/喂养/洗护</strong>
                        <p><a href="#">米粉</a>
                            <a href="#">果泥/肉泥</a>
                            <a href="#">溶豆/泡芙</a>
                            <a href="#">磨牙月饼</a>
                            <a href="#">鱼油/DHA</a>
                            <a href="#">钙铁锌</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>孕妈用品</strong>
                        <p><a href="#">孕妇装/孕妇裙</a>
                            <a href="#">待产/月子用品</a>
                            <a href="#">防辐射服</a>
                            <a href="#">孕期营养</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>童装/童鞋/寝居</strong>
                        <p><a href="#">新生儿礼盒</a>
                            <a href="#">连身衣/爬服</a>
                            <a href="#">T恤/POLO衫</a>
                            <a href="#">亲子装</a>
                            <a href="#">太阳镜</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>玩具/书籍/出行</strong>
                        <p><a href="#">益智</a>
                            <a href="#">毛绒/安抚</a>
                            <a href="#">牙胶/咬咬胶</a>
                            <a href="#">戏水/游戏装备</a>
                            <a href="#">中文绘本</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>美妆/个护/亲奢</strong>
                        <p><a href="#">防晒/隔离</a>
                            <a href="#">化妆水/爽肤水</a>
                            <a href="#">面膜</a>
                            <a href="#">套装礼盒</a>
                            <a href="#">美体塑身</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>美食/保健</strong>
                        <p><a href="#">干果/果干</a>
                            <a href="#">休闲零食</a>
                            <a href="#">地方特产</a>
                            <a href="#">胶原蛋白</a>
                            <a href="#">酵素</a>
                            <a href="#">蔓越莓/葡萄籽</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>家居/清洁</strong>
                        <p><a href="#">奶瓶清洁</a>
                            <a href="#">消毒液/柔顺剂</a>
                            <a href="#">宝宝湿巾</a>
                            <a href="#">床上用品</a>
                            <a href="#">家居纸品</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
            </ul>
        </div>
    </section>
</header>
<!--轮播图-->
<section id="banner">
    <ul>
        <li><a href="#"> <img src="../images/index/banner1.jpg"></a></li>
        <li><a href="#"> <img src="../images/index/banner2.jpg"></a></li>
        <li><a href="#"> <img src="../images/index/banner3.jpg"></a></li>
        <li><a href="#"> <img src="../images/index/banner4.jpg"></a></li>
    </ul>
    <ol>
        <li class="oli"></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>
</section>
<section id="main" class="clear ">
    <div class="w1100">
<div id="hot-brand" class="w1100">
        <div class="brand">
            <ul class="clear">
                <li><span>热卖品牌</span></li>
                <li><img src=../images/index/brand1.jpg></li>
                <li><img src=../images/index/brand2.jpg></li>
                <li><img src=../images/index/brand3.jpg></li>
                <li><img src=../images/index/brand4.jpg></li>
                <li><img src=../images/index/brand5.jpg></li>
                <li><img src=../images/index/brand6.png></li>
                <li><img src=../images/index/brand7.jpg></li>
            </ul>
        </div>
    </div>
    <div id="img">
        <img src=../images/index/img.jpg>
    </div>
        <!--推荐拼团的部分，将数据写入json，然后动态创建插入页面-->
        <div id="groom">
            <a href="#">
            <h3 class="mod-h3">为你推荐<span>千万妈妈 精明之选</span></h3>
            </a>
        </div>
        <section class="layout clear">
            <!--<a class="groom-item" href="#">-->
                <!--<img src=../images/index/groom1.jpg>-->
                <!--<div class="dir">-->
                    <!--<div class="title">格朗GL1秒快速测温耳温枪</div>-->
                    <!--<p class="desc">红外线感应控头更精准</p>-->
                    <!--<div class="price">-->
                        <!--<span class="new">拼团价:¥<em>59.90</em></span>-->
                        <!--<span class="old">市场价:<em>¥218.00</em></span>-->
                    <!--</div>-->
                    <!--<p class="buy">7680人已团</p>-->
                    <!--<span class="btn">去拼团</span>-->
                <!--</div>-->
            <!--</a>-->
        </section>
        <section id="todaySpecial" class="clear">
            <h3 class="mod-h3">今日特卖<span>每天10点上新</span></h3>
            <!--<div class="special clear">-->
                <!--<a class="s-img" href="#"><img src=../images/index/special1.jpg></a>-->
                <!--<div class="rank">-->
                    <!--<a class="top top1 clear" href="#">-->
                            <!--<img src=../images/index/top1.1.jpg>-->
                        <!--<div class="s-right">-->
                            <!--<p class="special-p">多比兔 Dobito 夏季新款婴儿马甲薄款宝宝坎肩纯棉材料无骨缝</p>-->
                            <!--<span class="new">￥16.00</span><span class="old">￥32.50</span>-->
                        <!--</div>-->

                    <!--</a>-->
                    <!--<a class="top top2" href="#">-->
                        <!--<img src=../images/index/top1.2.jpg>-->
                        <!--<div class="s-right">-->
                            <!--<p class="special-p">多比兔 Dobito 夏季新款婴儿马甲薄款宝宝坎肩纯棉材料无骨缝</p>-->
                            <!--<span class="new">￥16.00</span><span class="old">￥32.50</span>-->
                        <!--</div>-->
                    <!--</a>-->
                    <!--<a class="top top3" href="#">-->
                        <!--<img src=../images/index/top1.3.jpg>-->
                        <!--<div class="s-right">-->
                            <!--<p class="special-p">多比兔 Dobito 夏季新款婴儿马甲薄款宝宝坎肩纯棉材料无骨缝</p>-->
                            <!--<span class="new">￥16.00</span><span class="old">￥32.50</span>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</div>-->

            <!--</div>-->
    </section>
        <section id="major">
            <h3 class="mod-h3">大牌尖货<span>全世界的品牌 优惠特卖</span></h3>
            <!--<div class="panner">-->
                <!--<div class="title clear">-->
                    <!--<img src=../images/index/majorLogo1.jpg>-->
                    <!--<p>正在参与拼团活动></p>-->
                <!--</div>-->
                <!--<ul class="major-brand">-->
                    <!--<li>-->
                        <!--<img src=../images/index/major1.1.jpg>-->
                        <!--<p>新生儿宽口径玻璃奶瓶防胀气 礼盒套装</p>-->
                        <!--<span class="new">￥136</span>-->
                        <!--<span class="old">￥199</span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src=../images/index/major1.2.jpg>-->
                        <!--<p>新生儿宽口径玻璃奶瓶防胀气 礼盒套装</p>-->
                        <!--<span class="new">￥136</span>-->
                        <!--<span class="old">￥199</span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src=../images/index/major1.3.jpg>-->
                        <!--<p>新生儿宽口径玻璃奶瓶防胀气 礼盒套装</p>-->
                        <!--<span class="new">￥136</span>-->
                        <!--<span class="old">￥199</span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src=../images/index/major1.4.jpg>-->
                        <!--<p>新生儿宽口径玻璃奶瓶防胀气 礼盒套装</p>-->
                        <!--<span class="new">￥136</span>-->
                        <!--<span class="old">￥199</span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src=../images/index/major1.5.jpg>-->
                        <!--<p>新生儿宽口径玻璃奶瓶防胀气 礼盒套装</p>-->
                        <!--<span class="new">￥136</span>-->
                        <!--<span class="old">￥199</span>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        </section>
    </div>
</section>
<footer class="clear">
    <div class="Genuine">
        <div class="w1100">
            <a href="#"> <i class="iconfont">&#xe621;</i><b>可信赖</b>进口母婴特卖</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>无忧</b>正品保证</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>7天</b>无理由退货</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>恒温仓</b>完善的货物仓储</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>24小时</b>快速发货</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>100万</b>妈妈口碑信赖</a>
        </div>
    </div>
    <div class="foot-mid w1100">
        <ul class="clear">
            <li>
                <h3>使用帮助</h3>
                <a href="#">新手指南</a>
                <a href="#">蜜粉值体系</a>
                <a href="#">蜜豆体系</a>
                <a href="#">正品承诺</a>
            </li>
            <li>
                <h3>支付方式</h3>
                <a href="#">支付方式</a>
                <a href="#">支付流程</a>
                <a href="#">跨境进口税</a>
            </li>
            <li>
                <h3>配送方式</h3>
                <a href="#">包邮政策</a>
                <a href="#">发货时间</a>
                <a href="#">配送区域</a>
                <a href="#">验货签收</a>
            </li>
            <li>
                <h3>售后服务</h3>
                <a href="#">退货政策</a>
                <a href="#">退货流程</a>
                <a href="#">退款方式</a>
            </li>
            <li>
                <h3>售后服务</h3>
                <a href="#">总裁邮箱 ceo@mia.com</a>
                <a href="#">商务合作 bd@mia.com</a>
                <a href="#">媒体合作 pr@mia.com</a>
            </li>
            <li>
                <img style="margin-top: -15px" src="../images/index/fot-1.png">
            </li>
        </ul>
    </div>
    <div class="foot-bottom ">
        <div class="w1100">
        <ul class="clear">
            <li><a href="#">关于蜜芽</a></li>
            <li><a href="#">加入蜜芽</a></li>
            <li><a href="#">商业合作</a></li>
            <li><a href="#">帮助中心</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">触屏版</a></li>
            <li><a href="#">媒体报道</a></li>
        </ul>
            <img src=../images/index/footer.png>
        </div>
    </div>


</footer>
</body>
<script src="../js/lib/require.js"  data-main="../js/index.js"></script>
<script src="../json/index/groom.json"></script>
<!--<script src=../js/lib/jquery/jquery-3.2.1.js></script>-->
<!--<script src=../js/index.js></script>-->
</html>